카카오클론, 기억하고픈 코드 2 - 애니메이션

카테고리 및 유저 아이콘 버튼을 클릭시 나오는 모달창의 transition 효과, 메인에서 탭이 바뀔때 나타나는 효과 이렇게 두가지 애니메이션을 구현했다. CDM가 일어났을때 setTimeout() 메소드로 opacity state를 0에서 1로 바꿔준다. 실제 페이지를 참고해보면, 탭이 바뀔때마다 마치 슬라이드가 지나가는 것처럼 하단 리스트의 박스의 위치가 바뀌는 것을 볼 수 있다. 이전의...

Reactclone projectreact.jsreviewReact

위코드 1차 프로젝트 | Market Kurly 클론

프로젝트 협업 여튼, 셋이서 머리를 싸매며 모델링에 관한 고민을 많이 했었는데, 서로 의견도 조율하며 멘토님께 조언도 듣고, 많은 것을 배워갈 수 있는 모델링이였다. 라는 멍청한 생각을 거쳐, 멘토님들에게 많은 질문을 던져 RESTful API를 구현할 수 있었다. 사실 제일 처음 작성했던 API가 제품 상세 페이지였다. 팀 안에서의 협업, 각자의 노력 모든 부분에서 만족하지만, 좋았던 것을...

clone projectWeCodeTILMarket Kurlymarket bullyprojectMarket Kurly

React Native로 Spotify 맛보기

Library : React Navigation, Redux, Axios, Expo-AV, lodash-debounce, and more 기본적으로 한 컴포넌트에서만 state를 사용하거나 그 컴포넌트와 직접적으로 연결되는 하위 컴포넌트의 경우 React에서와 같이 props로 넘겨주는 방식으로 작성했고, navigation으로 연결된 경우 react navigation의 route.para...

axiosclone projectJavaScriptWeCodereduxreact nativeJavaScript